<template>
    <span>首次登录系统,请根据引导完成以下步骤!</span>

    <div style="display: grid; place-items:center; margin-top: 120px;">

        <el-form>
            <el-form-item label="请选择网络">
                <el-select v-model="value" placeholder="请选择网格" style="width: 240px">
                    <el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value"
                        :disabled="item.disabled" />
                </el-select>
            </el-form-item>

            <el-form-item label="请选择下属专业网格">
                <div>
                    <el-checkbox v-model="checked1" label="城管" size="large" />
                    <el-checkbox v-model="checked2" label="党建" size="large" />
                </div>
            </el-form-item>
        </el-form>
    </div>
</template>


<script setup lang="ts">
import { ref } from 'vue';

const options = ref([
    { label: '城管', value: '1', disabled: false },
    { label: '党建', value: '2', disabled: false },
    { label: '环保', value: '3', disabled: true }
]);
const checked1 = ref(true)
const checked2 = ref(false)

const value = ref('城管')
</script>